<template>
    <div>

    </div>
</template>

<script setup>
import { onMounted, inject } from 'vue';
import { mapStore } from '@/store'
const store = mapStore()

onMounted(() => {
    // 获取地图
    const map = inject('$map')
    // 地图样式初始化
    map.on('style.load', () => {
        map.setFog({
        })
        map.doubleClickZoom.disable()
    })
    // 地图点击漫游事件
    // map.on('click', evt => {
    //     store.isZoom = true
    //     const { lng, lat } = evt.lngLat
    //     map.flyTo({
    //         center: [lng, lat],
    //         zoom: 12,
    //         speed: 0.8,
    //     })
    // })
})
</script>

<style scoped lang="scss"></style>
